<template>
    <div class="page-content padding padding-top comment">
        <!--<div class="comment-title">-->
            <!--<h4>旅客满意度：<span>{{comments.satisfaction | persent}}</span></h4>-->
            <!--<h4>共<span>{{comments.total}}</span>条评论</h4>-->
        <!--</div>-->
        <!--<div class="comment-first" v-for="l in comments.items">-->
            <!--<span>{{l.name}}</span>-->
            <!--<span>{{l.time | time}}</span>-->
            <!--<div class="clear"></div>-->
            <!--<p>{{l.content}}</p>-->
        <!--</div>-->
    </div>
</template>
<script>
    export default {
        props:['comments'],
        data() {
            return {

            }
        },
        methods: {

        },
        created(){
            console.log(this.comments)
        }
    }
</script>
<style>
    .page-content.padding.padding-top.comment{
        background-color: #fff;
    }
    .modal .bar{
        background-size: 100% 0px;
        border:0;
    }
    .modal .bar.bar-header{
        box-shadow: none;
        background: transparent;
    }
    .modal .bar.bar-header .title{
        font-size: 20px;
        font-weight: 600;
    }
    .comment-title{
        display: flex;
        justify-content: space-between;
        margin-bottom: 32px;
    }
    .comment-title h4:nth-of-type(1){
        text-align: left;
    }
    .comment-title h4:nth-of-type(2){
        text-align: right;
    }
    .comment-title h4 span,.dl-comment-title h4 i{
        color: #0090f2;
    }
    .comment-first{
        color: #363636;
    }
    .comment-first span:nth-of-type(1){
        display: inline-block;
        float: left;
    }
    .comment-first span:nth-of-type(2){
        display: inline-block;
        float: right;
    }
    .comment-first p{
        margin-top: 15px;
    }
</style>